<style scoped>
#home {
	position: relative;
	/*padding: 15px 15px 0 15px;  无首页头部 */
	padding: 70px 25px 0 25px; /*有首页头部*/
	box-sizing: border-box;
}
.home-box1 {
	padding: 15px 0;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 1px rgba(161, 161, 161, 0.4);
}
.home-b-title {
	width: 85px;
	color: white;
	font-size: 15px;
	font-family: "黑体";
	padding: 3px 0 3px 10px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #fea346;
}
.home-b-xuexiaoImg1 {
	width: 92%;
	margin: 15px auto 0 auto;
	height: 150px;
	border-radius: 8px;
	display: block;
}
.home-b-text {
	width: 92%;
	font-size: 13px;
	line-height: 22px;
	margin: 15px auto 0 auto;
}
.home-box2 {
	margin-top: 24px;
	padding: 15px 0;
	position: relative;
}
.home-b-xuexiaoImg2 {
	height: 130px;
	margin-top: 0;
}
.home-box2-item,.home-box2-item2 {
	width: 80%;
	font-size: 14px;
	font-family: "黑体";
	display: flex;
	align-items: center;
	margin: 40px auto 0 auto;
	padding-bottom: 16px;
	border-bottom: 2px solid #f5f5f5;
}
.phone{
	padding: 2px 16px;
	border-radius: 30px;
	background-color: #f5c22f;
	color: white;
}
.home-box2-item2{
	margin-top: 0;
	padding: 15px 0;
	border: none;
	align-items: baseline;
}
.home-box2-i-left{
	width: 32%;
}
.home-box2-i-right{
	width: 68%;
}
</style>
<template>
	<top-bar title="学校简介" notBack="true" />
	<div id="home">
		<div class="home-box1">
			<div class="home-b-title">学校介绍</div>
			<img class="home-b-xuexiaoImg1" :src="banner[0].img" alt="加载中" />
			<div class="home-b-text">
				清华大学的前身清华学堂始建于1911年，1912年更名
				为清华学校。1928年更名为国立清华大学。1937年抗日战
				争全面爆发后南迁长沙，与北京大学、南开大学组建国立长
				沙临时大学，1938年迁至 昆明改名为国立西南联合大学。
				清华始终坚持面向世界科技前沿和国家重大战略需要，
				坚定地走中国特色自主创新之路。
			</div>
		</div>
		<div class="home-box1 home-box2">
			<img
				class="home-b-xuexiaoImg1 home-b-xuexiaoImg2"
				:src="banner[1].img"
				alt="加载中"
			/>
			<div class="home-box2-item">
				<van-icon name="phone" size="18" color="#60bbfc" />
				<span style="margin: 0 4px">学校电话:</span>
				<span class="phone">186-3695-9636</span>
			</div>
			<div class="home-box2-item2">
				<div class="home-box2-i-left">
					<van-icon name="location" size="18" color="#60bbfc" />
					<span style="margin-left:4px">学校地址:</span>
				</div>
				<div class="home-box2-i-right">广州市天河区国德国际酒店3楼
				</div>
			</div>
		</div>
	</div>

	<bottom-bar :active="0" />
</template>
<script setup>
// 导入自定义组件
import topBar from "@/components/topBar.vue"; //顶部导航栏
import bottomBar from "@/components/bottomBar.vue"; //底部导航
import Loading from "@/components/loading.vue"; //加载中
// 图片
</script>
<script>
export default {
	// components: {
	// 	Loading,
	// },
	data: () => ({
		loading: false, //加载中
		loadingText: "", //加载中文字
		icons: false, //是否有图标
		banner: [
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbkimg.cdn.bcebos.com%2Fpic%2Fd043ad4bd11373f0ce85c06eac0f4bfbfaed048c&refer=http%3A%2F%2Fbkimg.cdn.bcebos.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410933&t=0cecde20ea59165e275507c9eefe8fed",
			},
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2019-05-28%2F5cecf6fa058ff.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410052&t=4c59316bf96a6cffc56edded615965d5",
			},
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2019-06-17%2F5d07620717e3e.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410090&t=e4745944f8b5ce8d2dd7c28a9e22ad99",
			},
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicture.ik123.com%2Fuploads%2Fallimg%2F161222%2F3-1612221A352.jpg&refer=http%3A%2F%2Fpicture.ik123.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410823&t=07febb4b44b86b111615b28fb5ee3e95",
			},
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg6.cache.netease.com%2Fphoto%2F0031%2F2013-04-01%2F8RCQ4BS653DG0031.jpg&refer=http%3A%2F%2Fimg6.cache.netease.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410826&t=9fac822e90974fe9a6beea29a5ccb9b5",
			},
			{
				img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2017-12-12%2F5a2f3fd56ae02.jpg%3Fdown&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410826&t=371b3d2adfe61afa8ce880777bf23bb7",
			},
		],
	}),
	created() {
		//  window.location.reload();
	},
	mounted() {
		this.getuserData();
	},
	methods: {
		//获取个人信息
		getuserData() {},

		lka() {
			this.$router.push("/prompt");
		},
		goMy() {
			// this.$router.push("/my");
		},
	},
};
</script>
